<ion-header>
  <ion-navbar color="jjna-color">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title text-center>My Account
    </ion-title>
    <ion-buttons end>
      <button ion-button (click)="edit()">
        <ion-icon name="ios-create"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content>
  <ion-list *ngIf="userInfo">
    <ion-item>
      <ion-label stacked>
        Login ID:
      </ion-label>
      <ion-input type="text" readonly value=" {{userInfo.Customer_Login_ID}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Email:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Email}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        First Name:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_First_Name}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Middle Name:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Middle_Name}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Last Name:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Last_Name}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        VIP Code:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.VIP_Code}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Street Address:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Street_Address}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Zip code:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Zip_code}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Country Code:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Country_Code}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Country:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Country}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        State:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.State}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        City:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.City}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        US Phone:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_US_Phone}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Foreign Phone:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Foreign_Phone}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Credit Card Number:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Credit_Card_Number}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Credit Expiration:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Credit_Expiration}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Credit Card Code:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Credit_Card_Code}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Link:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Link}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Link Login:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Link_Login}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Link Password:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Link_Password}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Device:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Device}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Device Login:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Device_Login}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Device Password:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Customer_Device_Password}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info1:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info1}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info2:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info2}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info3:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info3}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>

        Info4:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info4}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info5:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info5}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info6:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info6}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info7:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info7}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info8:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info8}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info9:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info9}}"></ion-textarea>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Info10:
      </ion-label>
      <ion-textarea readonly value="{{userInfo.Customer_Info10}}"></ion-textarea>
    </ion-item>
  </ion-list>

</ion-content>

